@import "../../../variable.less";
.address {

  .address-link {
    color: @headercolor;
    display: inline-block;
    position: relative;
    padding: 0 10px;
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    &:hover {
      text-decoration: none;
      color: @headercolor;
    }
  }
  .iconfont {
    color: @registercolor;
  }

  &.active {
    .address-link {
      background: @whitecolor;
      border: 1px solid @linecolor;
      border-top: none;
      box-sizing: border-box;
      box-shadow: 1px 1px 3px rgba(45, 45, 45, .5);
      &::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: -3px;
        height: 6px;
        z-index: 4;
        background: @whitecolor;
      }
    }
    .address-province {
      display: block;
    }
  }
  .address-province {
    top: 30px;
    left: 0;
    width: 300px;
    padding: 15px;
    display: none;
    position: absolute;
    background: @whitecolor;
    border: 1px solid @linecolor;
    box-shadow: 1px 1px 3px rgba(45, 45, 45, .5);
    z-index: 3;
    a {
      padding: 3px 5px;
      &:hover {
        background: @linecolor;
        span {
          color: @hovercolor;
        }
      }
    }
  }
}



